<template>
<div>
    <Table ref="table" border stripe :columns="columns" :data="data.data"></Table>
</div>
</template>

<script>
export default {
    props:['data'],
    data() {
        return {
            columns: [{
                    title: '序号',
                    type: 'index',
                    width: 60,
                    align: 'center'
                },
                {
                    type: 'selection',
                    width: 100,
                    align: 'center'
                },
                {
                    title: 'Name',
                    key: 'name',
                    align: 'center'

                },
                {
                    title: 'time',
                    align: 'center',
                    key: 'time'
                },
               {
                   title:'操作',
                   align:'center',
                   key:'action',
                   render:(h,params) =>{
                     let del=h('Button',{
                         attrs:{
                             type:'error'
                         },
                         style:{
                             marginRight:'5px'
                         },
                         on:{
                             click:()=>{
                                 this.$emit('on-action','del',params.row)
                             }
                         }
                     },'删除')
                     return h('div',[del])                       
                   },
               }
            ],
        }
    },
}
</script>

<style>

</style>
